<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/swiper.css">
		<link rel="stylesheet" href="css/wow.min.css">
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/fancybox.css">
		<script type="text/javascript" src="js/jquery.js"></script>	
		<script type="text/javascript" src="js/wow.min.js"></script>	
		<script type="text/javascript" src="js/index.js"></script>
		<script type="text/javascript" src="js/swiper.js"></script>
		<script type="text/javascript" src="js/fancybox.js"></script>
		<script type="text/javascript" src="js/SuperSlide.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
	</head>
	<body>
		<div class="header">
			<div class="header_box">
				<h1><a href="###"><img src="img/logo01.png" alt=""></a></h1>
				<h1><a href="###"><img src="img/logo02.png" alt=""></a></h1>
				<h1><a href="###"><img src="img/logo03.png" alt=""></a></h1>
				<div class="serch">
					<div class="vip">
						<div class="vip_pic"></div>
						经销商会员登录
					</div>
					<form action="">
						<div class="serch_bth">
							<input type="text">
							<button></button>
						</div>
					</form>
				</div>
				<div class="nav">
					<ul>
						<li class="on"><a href="###">首页</a></li>
						<li><a href="###">陶瓷</a></li>
						<li><a href="###">岩板</a></li>
						<li><a href="###">岩板家居</a></li>
						<li><a href="###">工程案例</a></li>
						<li><a href="###">品牌动态</a></li>
						<li><a href="###">关于康建</a></li>
					</ul>
				</div>
			</div>
		</div>
		
		
		<!-- case -->
		<div class="case_bg" style="background-image: url(img/case01.jpg);">
			<div class="main clearfix">
				<div class="tit_name">
					<h2>Project case</h2>
					<p><d></d><i></i>  工程案例 </p>
				</div>
				<div class="inav">
					<div class="break">
						<div>
							<a href="###"> 首页 </a>
						</div>
						<div>
							<a href="###"> 工程案例 </a>
						</div>
					</div>
					<ul class="page_name">
						<li class="on"><a href="###">案例展示</a></li>
					</ul>
				</div>
			</div>
		</div>
		
		
		<!-- 分类 -->
		<div class="sort">
			<div class="main">
				<form action="">
					<select name="sort">
						<option value="">请选择</option>
						<option value="">请选择</option>
						<option value="">请选择</option>
					</select>
			<!-- 		<select name="area">
						<option value="">请选择</option>
						<option value="gz">广州</option>
						<option value="bj">北京</option>
					</select> -->
				</form>
			</div>
		</div>
		
		
		<div class="case-main main">
		    <ul class="clear-parent">
		        <li>
		            <a href="img/pro01.jpg" class="fancybox" data-fancybox="prov">
		                <div class="img-box">
		                    <img src="img/pro01.jpg" alt="案例图片">
		                </div>
		                <div class="title">
		                    <h3>案例1</h3>
		                    <span>case</span>
		                </div>
		                <b></b>
		                <i class="clear-brother"></i>
		            </a>
		        </li>
		        <li>
		            <a href="img/pro01.jpg" class="fancybox" data-fancybox="prov">
		                <div class="img-box">
		                    <img src="img/pro01.jpg" alt="案例图片">
		                </div>
		                <div class="title">
		                    <h3>案例1</h3>
		                    <span>case</span>
		                </div>
		                <b></b>
		                <i class="clear-brother"></i>
		            </a>
		        </li>
		        <li>
		            <a href="img/pro01.jpg" class="fancybox" data-fancybox="prov">
		                <div class="img-box">
		                    <img src="img/pro01.jpg" alt="案例图片">
		                </div>
		                <div class="title">
		                    <h3>案例1</h3>
		                    <span>case</span>
		                </div>
		                <b></b>
		                <i class="clear-brother"></i>
		            </a>
		        </li>
		        <li>
		            <a href="img/pro01.jpg" class="fancybox" data-fancybox="prov">
		                <div class="img-box">
		                    <img src="img/pro01.jpg" alt="案例图片">
		                </div>
		                <div class="title">
		                    <h3>案例1</h3>
		                    <span>case</span>
		                </div>
		                <b></b>
		                <i class="clear-brother"></i>
		            </a>
		        </li>
		        <li>
		            <a href="img/pro01.jpg" class="fancybox" data-fancybox="prov">
		                <div class="img-box">
		                    <img src="img/pro01.jpg" alt="案例图片">
		                </div>
		                <div class="title">
		                    <h3>案例1</h3>
		                    <span>case</span>
		                </div>
		                <b></b>
		                <i class="clear-brother"></i>
		            </a>
		        </li>
		        <li>
		            <a href="img/pro01.jpg" class="fancybox" data-fancybox="prov">
		                <div class="img-box">
		                    <img src="img/pro01.jpg" alt="案例图片">
		                </div>
		                <div class="title">
		                    <h3>案例1</h3>
		                    <span>case</span>
		                </div>
		                <b></b>
		                <i class="clear-brother"></i>
		            </a>
		        </li>
		        <li>
		            <a href="img/pro01.jpg" class="fancybox" data-fancybox="prov">
		                <div class="img-box">
		                    <img src="img/pro01.jpg" alt="案例图片">
		                </div>
		                <div class="title">
		                    <h3>案例1</h3>
		                    <span>case</span>
		                </div>
		                <b></b>
		                <i class="clear-brother"></i>
		            </a>
		        </li>
				
				<div class="pages">
					<a href="###">&lt;</a>
					<a href="###">1</a>
					<a href="img/pro01.jpg" class="on">2</a>
					<a href="###">3</a>
					<a href="###">4</a>
					<a href="###">&gt;</a>
				</div>
		    </ul>
		</div>
		
		
		
		
		
		
		<!-- 脚部部分 -->
		<div class="footer">
			<div class="main">
				<div class="bot_logo">
					<a href="###"><div class="img_box"><img src="img/logo01_big.png" alt=""></div></a>
					<a href="###"><div class="img_box" ><img src="img/logo02_big.png" alt=""></div></a>
					<a href="###"><div class="img_box"><img src="img/logo03_big.png" alt=""></div></a>
				</div>
				<div class="footer_box clearfix">
					<div class="wxqr">
						<div class="img_box"><a href="###"><img src="img/wx.png" alt=""></div></a>
						<div class="img_box"><a href="###"><img src="img/wxxccx.png" alt=""></div></a>
						<div class="img_box"><a href="###"><img src="img/douyin.png" alt=""></div></a>
						<div class="text_box">
							扫一扫 关注我们
						</div>
					</div>
					<div class="footer_nav">
						<dl>
							<dt>陶  瓷</dt>
							<dd><a href="###">现代大板</a></dd>
							<dd><a href="###">通体中板 </a></dd>
							<dd><a href="###">通体大理石 </a></dd>
							<dd><a href="###">超耐磨 </a></dd>
						</dl>
						<dl>
							<dt>岩  板</dt>
							<dd><a href="###">国岩系列 </a></dd>
							<dd><a href="###">欧洲进口系列</a></dd>
						</dl>
						<dl>
							<dt>岩板家居</dt>
							<dd><a href="###">餐台</a></dd>
							<dd><a href="###">书台</a></dd>
							<dd><a href="###">柜类</a></dd>
						</dl>
						<dl>
							<dt>工程案例</dt>
							<dd><a href="###">案例展示</a></dd>
						</dl>
						<dl>
							<dt>关于康建</dt>
							<dd><a href="###">康建简介</a></dd>
							<dd><a href="###">招商加盟</a></dd>
							<dd><a href="###">品牌视频</a></dd>
							<dd><a href="###">联系我们</a></dd>
						</dl>
					</div>
				</div>
				
				<div class="copy">
					<div class="lcopy">
						<p>营销中心：佛山市禅城区南庄镇陶博大道15号康建运动陶瓷营销总部（中国） 0757-89925799</p>
						<p>版权所有 ©佛山市康建陶瓷有限公司 粤ICP备17093858号</p>
					</div>
					<div class="rcopy"> 技术支持：云路科技 </div>
				</div>
			</div>
		</div>
		
		
		
		
		
		<script src="js/index.js"></script>
	</body>
</html>
